import { ref, defineComponent } from 'vue';import Btn from '../elements/btn'

const Async=defineComponent({ name:"async",
  setup(_,{slots}) {
    const input = ref(0);
    const click = () => {
      input.value++;
    }
    return{
      input,click,slots
    }
  },render(){
    return(
    <div class="about">
      <h1>This is an about page</h1>
      <button style={{width:'50px'}} id="sdg" onClick={this.click}>{this.input}</button>
      {this.slots.default&&this.slots.default()}
    </div>
    )
  }

})
export default Async